:root {
  --el-color-primary: green;
}
// light
.el-menu-item:hover{
  background-color: #e7f5ee;
}
.el-sub-menu__title:hover{
  background-color: #e7f5ee;
}
// dark
html.dark{
  --el-color-primary: green;
  .el-menu-item:hover{
    color: #63e2b7;
    background-color: #233633;
  }
  .el-menu-item{
    color: #eaeaeb;
    background-color: #121212;
    font-size: small;
  }
  .el-sub-menu__title:hover{
    color: #63e2b7;
    background-color: #233633;
  }
  .el-tabs__item.is-active{
    color: #63e2b7;
  }
  .el-tabs__item{
    color: #fff;
  }
  .el-tabs__active-bar{
    background-color: #63e2b7;
  }
  .el-textarea {
    --el-input-focus-border-color: #63e2b7;
  }
  .item:nth-child(even){
    background-color: rgba($color: #2f2f2f, $alpha: 0.3);
  }
  .item:nth-child(odd){
    background-color: rgba($color: #2b2b2b, $alpha: 0.2);
  }
  .item:hover{
    background-color: rgba($color: #373737, $alpha: 0.5);
  }
  .el-switch.is-checked .el-switch__core{
    background-color: #00c281;
  }
  .el-input {
    --el-input-focus-border-color: #63e2b7;
  }
  .el-tag{
    color: #63e2b7;
  }
}

html,
body,
#app {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}
// 滚动条样式
/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(255, 255, 255, 0.9);
  border-radius: 5px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mr10 {
  margin-right: 10px;
}
.mr5 {
  margin-right: 3px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.m10 {
  margin: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.m5 {
  margin: 8px;
}
.p5 {
  padding: 5px;
}
.tac {
  text-align: center;
}
.nb {
  border-right: none;
}
.flex1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.f14 {
  font-size: 14px;
}
.f12 {
  font-size: 12px;
}
.f25 {
  font-size: 50px;
}
.fw700 {
  font-weight: 700;
}
.fw500 {
  font-weight: 500;
}
.p20 {
  padding: 0px 24px;
}
.dn {
  display: none;
}
.oh {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.oh4 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.bigger {
  width: 100%;
  height: 100%;
  transition: transform 1s;
}

.bigger:hover {
  transform: scale(1.045, 1.045);
}
// .el-submenu__title:hover, .el-menu-item:focus, .el-menu-item:hover{
//   background-color: #e7f5ee;
// }
